
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
<jsp:include page="kopf.htm"/>
<jsp:include page="loggedin.jsp"/>


<script type="text/javascript" > 
//Pflichtfelder
function check_pflicht() {

	
	if(document.formneu.email.value == "" ) {
		alert("Bitte prüfen Sie die Emailadresse!");
		document.formneu.email.focus();
		document.formneu.email.style.backgroundColor = "Red";
		return false; 
	}
	
	
	if(document.formneu.passwort.value == "") {
		alert("Passwort darf nicht leer sein!");
		document.formneu.passwort.focus();
		document.formneu.passwort.style.backgroundColor ="Red";
		return false; 
	}
	return true;
}

//Überprüfung, ob die EmailAdresse @-Zeichen enthält 
function testEmail(email){
	//var reg = new RegExp('^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$');
	var mailFormat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
	
	//if (reg.test(document.formneu.email.value) == false) 
		if(!mailFormat.test(document.formneu.email.value))
	{
		alert("Die Email-Adresse kann nicht stimmen. \n" + "Sie muss das Zeichen @-Zeiche sowie mindestens ein Zeichen davor und dahinter entahlten.");
		document.formneu.email.focus();
		document.formneu.email.style.backgroundColor ="Red";
		return false; 
	} 
}

//Überprüfung, ob das Datum im tt.mm.jjjj Format geschrieben wurde, und ob dieses Datum existiert
function testDatum(gebdat) {
	if(document.formneu.gebdat.value == "") {
		alert ("Bitte Tragen Sie das Geburtsdatum ein.");
		document.formneu.gebdat.focus();
		document.formneu.gebdat.style.backgroundColor = "Red";
		return false; 
	}
	else {
		
	if (!gebdat.match(/^\d{2}\.\d{2}\.\d{4}$/)) {
	alert('Bitte beachten Sie das angegebene Datumsformat tt.mm.jjjj (z.B. 01.01.2013)');
	document.formneu.gebdat.focus();
	document.formneu.gebdat.style.backgroundColor ="Red";
	}
	else {
	var a = gebdat.split(".");
	var j = new Date(), d = new Date(a[2], a[1]-1, a[0]);
	if (d.getDate() != a[0] || d.getMonth() != a[1]-1) {
	alert('Das eingegebene Datum existiert nicht.');
	document.formneu.gebdat.focus();
	document.formneu.gebdat.style.backgroundColor ="Red";
	}
	else if (d.getTime() < new Date(j.getYear(), j.getMonth(),
	j.getDate()).getTime()) 
	alert("");
	}
	}
	return true;
	}
	
//Aufruf aller Funktionen überprüft aufruft beim Submit 	
function check_all(){
	return check_pflicht() && testEmail() && testDatum(); 
	return true;
} 
</script>
</head>

<body>	

	<div id="content">
		<h2><c:out value="${title}"/></h2>
		<p><c:out value="${message}"/></p>
		<form name="formneu" method="post" action="SaveNeuMitglied.html" onSubmit="return check_all();" >
			<table class="editing">
				<colgroup>
					<col class="attribute"/>
					<col class="value"/>
				</colgroup>
				<tbody>
					<tr>
						<td>Vorname des Mitglieds:</td>
						<td>
							
							<input type="text" name="vorname" value='<c:out value="${mitglied.vorname}"/>' size="50" />
						</td>
					</tr>
					<tr>
						<td>Nachname des Mitglieds</td>
						<td>
							<input type="text" name="nachname" value='<c:out value="${mitglied.nachname}"/>' size="50" />
						</td>
					</tr>
					<tr>
						<td>Geben Sie Ihr Geburtsdatum an:</td>
						<td>
							<input type="text" name="gebdat" value='<c:out value="${mitglied.gebdat}"/>' size="50" maxlength=10 onBlur="testDatum(this.value)"/>
						</td>
					</tr>
					<tr>
						<td>Telefonnummer:</td>
						<td>
							<input type="text" name="telefon" value='<c:out value="${mitglied.telefon}"/>' size="50"/>
						</td>
					</tr>
					<tr>
						<td>Strassenamen:</td>
						<td>
							<input type="text" name="strasse" value='<c:out value="${mitglied.strasse}"/>' size="50"/>
						</td>
					</tr>
						<tr>
						<td>PLZ:</td>
						<td>
							<input type="text" name="plz" value='<c:out value="${mitglied.plz}"/>' size="50"/>
						</td>
					</tr>
						<tr>
						<td>Wohnort:</td>
						<td>
							<input type="text" name="ort" value='<c:out value="${mitglied.ort}"/>' size="50"/>
						</td>
					</tr>
						<tr>
						<td>Geben Sie Ihre Email Adresse ein:</td>
						<td>
							<input type="text" name="email" value='<c:out value="${mitglied.email}"/>' size="50" onBlur="testEmail(this.value)"/>
						</td>
					</tr>
						<tr>
						<td>Geben Sie Ihr Passwort ein:</td>
						<td>
							<input type="password" name="passwort" value='<c:out value="${mitglied.passwort}"/>' size="50"/>
						</td>
					</tr>
					<tr class="submit">
						<td colspan="2">
								<input type="submit" value=" Änderungen übernehmen "/>
						</td>
					</tr>
				</tbody> 
			</table> 

<p></p>
<p><a href="#" onclick="javascript:window.print( );"><input type="button" value="drucken" /></a></p>

		</form> 
	</div> <jsp:include page="fuss.htm" /> 
</body>  
</html>
